<template>
    <div class="common-layout">
      <el-container>
        <el-aside width="200px"><aside-box></aside-box></el-aside>
        <el-container>
          <el-header><header-box></header-box></el-header>
          <el-main class="zlh-none-background-color" style="padding: 0"><MainBox></MainBox></el-main>
          <el-footer class="zlh-none-background-color"><FooterBox></FooterBox></el-footer>
        </el-container>
      </el-container>
    </div>
</template>

<script>
import HeaderBox from '@/components/HeaderBox'
import AsideBox from '@/components/AsideBox'
import MainBox from "@/components/MainBox";
import FooterBox from "@/components/FooterBox";

export default {
  name: "ContainerBox",
  components: {
    HeaderBox,
    AsideBox,
    MainBox,
    FooterBox
  }
}
</script>

<style scoped>

</style>
